<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
    <title>查询专利信息管理</title>
    <meta name="decorator" content="default"/>
    <script type="text/javascript">
        $(document).ready(function() {

        });
        function page(n,s){
            $("#pageNo").val(n);
            $("#pageSize").val(s);
            $("#searchForm").submit();
            return false;
        }
    </script>
    <script type="text/javascript" src="${ctxStaticJS}/echarts.min.js"></script>
    <script type="text/javascript" src="${ctxStaticJS}/macarons.js"></script>
</head>
<body>
    <h1>县域内专利申请排名</h1>
    <br>
    <br>
    <div class="jeebox">
        <div class="jeebox-title">闽侯县域内专利申请人排名</div>
        <div id="log-hdfs-1" style="width:100%;height:300px;"></div>
    </div>
    <div class="jeebox">
        <div class="jeebox-title">闽侯县域内高校专利申请人排名</div>
        <div id="log-hdfs-2" style="width:100%;height:300px;"></div>
    </div>
    <c:forEach  items="${mapList}" var="mapList">
        <script script type="text/javascript">
            var fenlei=['${mapList.Name10}','${mapList.Name9}','${mapList.Name8}','${mapList.Name7}','${mapList.Name6}','${mapList.Name5}','${mapList.Name4}','${mapList.Name3}','${mapList.Name2}','${mapList.Name1}'];
            var aaa=['${mapList.Count10}','${mapList.Count9}','${mapList.Count8}','${mapList.Count7}','${mapList.Count6}','${mapList.Count5}','${mapList.Count4}','${mapList.Count3}','${mapList.Count2}','${mapList.Count1}'];
            var myChart = echarts.init(document.getElementById('log-hdfs-1'),'macarons');
            option = {/*
			color: ['#3398DB'],*/
                tooltip : {
                    trigger: 'axis',
                    axisPointer : {            // 坐标轴指示器，坐标轴触发有效
                        type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
                    }
                },
                grid: {
                    left: '3%',
                    right: '4%',
                    bottom: '3%',
                    containLabel: true
                },
                xAxis : [
                    {
                        type : 'value',
                        /*axisTick: {
                            alignWithLabel: true
                        }*/
                    }
                ],
                yAxis : [
                    {
                        type : 'category',
                        data : fenlei
                    }
                ],
                series : [
                    {
                        name:'事件数量',
                        type:'bar',
                        barWidth: '50%',
                        data:aaa
                    }
                ]
            };

            myChart.setOption(option);
            window.addEventListener("resize",function(){
                myChart.resize();
            });

        </script>
    </c:forEach>
    <c:forEach  items="${mapList}" var="mapList">
        <script script type="text/javascript">
            var fenlei=['${mapList.schoolName10}','${mapList.schoolName9}','${mapList.schoolName8}','${mapList.schoolName7}','${mapList.schoolName6}','${mapList.schoolName5}','${mapList.schoolName4}','${mapList.schoolName3}','${mapList.schoolName2}','${mapList.schoolName1}'];
            var aaa=['${mapList.schoolCount10}','${mapList.schoolCount9}','${mapList.schoolCount8}','${mapList.schoolCount7}','${mapList.schoolCount6}','${mapList.schoolCount5}','${mapList.schoolCount4}','${mapList.schoolCount3}','${mapList.schoolCount2}','${mapList.schoolCount1}'];
            var myChart = echarts.init(document.getElementById('log-hdfs-2'),'macarons');
            option = {/*
			color: ['#3398DB'],*/
                tooltip : {
                    trigger: 'axis',
                    axisPointer : {            // 坐标轴指示器，坐标轴触发有效
                        type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
                    }
                },
                grid: {
                    left: '3%',
                    right: '4%',
                    bottom: '3%',
                    containLabel: true
                },
                xAxis : [
                    {
                        type : 'value',
                        /*axisTick: {
                            alignWithLabel: true
                        }*/
                    }
                ],
                yAxis : [
                    {
                        type : 'category',
                        data : fenlei
                    }
                ],
                series : [
                    {
                        name:'事件数量',
                        type:'bar',
                        barWidth: '50%',
                        data:aaa
                    }
                ]
            };

            myChart.setOption(option);
            window.addEventListener("resize",function(){
                myChart.resize();
            });

        </script>
    </c:forEach>

</body>
</html>